// import classNames from "classnames"
// import { ReactNode, useContext } from "react"
// import { SelectContext } from "./select"

// export interface SelectOptionProps {
//     index?:string,
//     value:string, 
//     label?:string,
//     disabled?:boolean,
//     children?:ReactNode, 
// }

// // const context = useContext(SelectContext)
// const Option = ({
//     value, 
//     label, 
//     disabled, 
//     children, 
//     index
// }:SelectOptionProps) => {
    
//     const classes = classNames('leo-select-item',{
//         'is-disabled': disabled,
//         // 'is-selected': isSelected,
//     })
//     const handlerClick = () => {

//     }
//     return (
//         <li key={index} className={classes}>
//             { children || (label ? label : value)}
//         </li>
//     )
// }

// Option.displayName = 'Option'

// export default Option